<!--
@Descripttion 按钮栏
@version 1.0.0
@Author Bell
@ 使用
  引入组件
    import ButtonImport from '@/components/table/button-import'
  注册组件
    components: {
      ButtonImport
    }
  使用
    <ButtonImport>插槽区域</ButtonImport>
    <ButtonImport api="" :data="{}" :fileSize="5" template="">插槽区域</ButtonImport>
    api      String 默认值('') 导入接口地址 (如无此项着不显示导入按钮)
    data     Object 默认值({}) 导入接口参数
    fileSize Number 默认值(5)  导入文件大小限制 单位MB
    template String 默认值('') 导入模板下载地址
 -->
<template>
  <div class="btn-bar">
    <slot></slot>
    <template v-if="api">
      <el-button type="primary" class="fr" @click="importWin.show = true">{{$t('dialog.Import')}}</el-button>
      <Import :win="importWin" :api="api" :data="data" :fileSize="fileSize" :template="template" />
    </template>
  </div>
</template>
<script>
import Import from '@/components/dialog/import' // 导入弹框组件

export default {
  components: {
    Import
  },
  props: {
    // 导入接口地址 (如无此项着不显示导入按钮)
    api: {
      type: String,
      default: ''
    },
    // 导入接口参数
    data: {
      type: Object,
      default: () => {}
    },
    // 导入文件大小限制 单位MB
    fileSize: {
      type: Number,
      default: 5
    },
    // 模板下载地址
    template: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      importWin: {
        show: false
      }
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.btn-bar {
  padding: 20px 20px 0 20px;
}
</style>
